<template>
  <div class="mainList">
    <div class="cardLists">
      <div class="cardList">
        <div class="card-info">
              <div class="info-top" data-cardno="52011640230200022504">
                <span data-cardno="52011640230200022504">车牌号:浙EE6995</span>
                <span data-cardno="52011640230200022504">卡号:52011640230200022504</span>
                <span data-cardno="52011640230200022504"><x-icon type="ios-arrow-right" size="30"></x-icon></span>
              </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    methods: {

    },
    components: {
    }
  };
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style type="text/scss" lang="scss" scoped>
  .card-lists {
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    z-index: 999;
  }
  .card-info{
    width: 100%;
    margin-bottom: 1rem;
    display: block;
    color: #000;
    text-shadow: none;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10;
    .info-top {
      span{
        color: #666;
        font-size: 0.14rem;
        line-height:0.15rem;
      }
      span:nth-child(2){
        /*margin-left: 0.25rem;*/
      }
    }

  }
</style>
